.categoryCtn {
  height: 170px;
  overflow-y: hidden;
  &.hasContent {
    border-bottom: 1px solid #f1d9d9;
  }
  .noScrollBar {
    overflow-x: scroll; /*核心样式*/
    height: 185px;
    .navList {
      font-size: 40px;
      height: 185px;
      white-space: nowrap; /*核心样式*/
      display: flex;
      align-items: center;
      .category {
        color: #333;
        text-align: center;
        display: inline-block; /*核心样式*/
        &.active {
          color: #50bafe;
          .categoryImg {
            border: 2px solid #50bafe;
          }
          .categoryName {
            .borderLine {
              background: #50bafe;
            }
          }
        }
        padding: 0 30px;
        .categoryImg {
          width: 100px;
          height: 100px;
          box-sizing: border-box;
          border-radius: 50%;
        }
        .categoryName {
          font-size: 24px;
          display: flex;
          flex-direction: column;
          align-items: center;
          .borderLine {
            width: 30px;
            height: 4px;
            background: #fff;
            margin-top: 4px;
          }
        }
      }
    }
  }
}
